.w-full {
  width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.theme-bg-line {
  background: linear-gradient(90.25deg, #DC5B6E 0.21%, #D31733 99.79%);
}

.mr-10 {
  margin-right: 10px;
}

.mflex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-col {
  flex-flow: column;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.theme-color {
  color: #0e2724;
}

.text-right {
  text-align: right;
}

.text-yellow {
  color: #ffff00;
}

.van-popup {
  background: linear-gradient(160deg, #0D2623, #044126, #004C2A);
  .van-picker {
    background: linear-gradient(160deg, #0D2623, #044126, #004C2A);

    .van-picker__confirm {
      color: #46ff84;
    }

    .van-picker__mask {
      background: none;
    }

    .van-picker-column__item {
      color: #99898a;
    }

    .van-picker-column__item--selected {
      color: #fff;
    }

    .van-picker__frame {
      &::after {
        display: none;
      }
    }
  }
}

.nowrap-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
